.workDetails-content {
	//   margin-bottom: 121px;
	width: 100%;
	position: relative;
	height: 100vh;
	overflow-y: scroll;
	background: #fff;
	z-index: 1;
	.header {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 13vh;
		background: linear-gradient(0deg, #0065ee 35%, #2175ff 100%);
		> div:nth-child(1) {
			color: #fff;
			font-size: 2.5rem;
			font-weight: bold;
			position: absolute;
			top: 3.5rem;
			left: 50%;
			width: 100%;
			transform: translateX(-50%);
			.commontitle {
				position: relative;
				> :last-child {
					position: absolute;
					right: -1.5625rem;
					top: 0;
					z-index: 1;
				}
			}
		}
		.header-right {
			position: absolute;
			top: 4.95rem;
			right: 2rem;
			font-size: 2rem;
			font-family: PingFang SC;
			font-weight: 500;
			color: #ffffff;
		}
	}
	.workDetails-box {
		height: 87vh;
		overflow-y: scroll;
		overflow-x: hidden;
		background: #f5f6fa;
		padding: 2.375rem 2rem 2.375rem 2rem;
		box-sizing: border-box;
		overflow-y: auto;
		overflow-x: hidden;
		&-card {
			background: #fff;
			// height: 17.4375rem;
			border-radius: 14px;
			margin-bottom: 1.25rem;
			padding-bottom: 1.25rem;
			&-titlebg {
				width: 100%;
				height: 1.25rem;
				background: #146ff9;
				border-radius: 0.875rem 0.875rem 0 0;
				opacity: 0.16;
			}
			&-item {
				width: 100%;
				// height: 16.375rem;
				background: #fff;
				border-radius: 0.875rem;
				padding: 1.5rem 1.5rem 0 3.125rem;

				&-title {
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-between;
					align-items: center;
					> div:first-child {
						font-weight: 500;
						font-size: 2.25rem;
						color: #161a1e;
					}
					> div:last-child {
						// width: 6.625rem;
						height: 2.8125rem;
						border-radius: 0.3125rem;
						color: #0065ee;
						text-align: center;
						line-height: 2.8125rem;
						font-size: 1.625rem;
						border: 0.0625rem solid #0065ee;
						padding: 0 0.5rem;
					}
				}
				&-time {
					font-weight: 500;
					font-size: 1.75rem;
					color: #808080;
					margin: 2.5rem 0 1.875rem 0;
				}
				&-adress {
					font-weight: 500;
					font-size: 2rem;
					color: #808080;
					line-height: 2.25rem;
				}
			}
		}
		&-name {
			height: 7.625rem;
			background: #ffffff;
			border-radius: 1rem;
			margin-bottom: 1.25rem;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			padding: 0 3.25rem;
			> div:first-child {
				font-weight: 500;
				font-size: 2rem;
				color: #151a1e;
			}
			> a {
				font-weight: 500;
				font-size: 2rem;
				color: #808080;
				line-height: 2.25rem;
			}
		}
		&-description {
			max-height: 17.5rem;
			background: #ffffff;
			border-radius: 1rem;
			margin-bottom: 1.25rem;
			padding: 2.5rem 3.25rem;
			font-weight: 400;
			font-size: 1.875rem;
			color: #002a7a;
			line-height: 3.375rem;
		}
		&-map {
			height: 30.375rem;
			border-radius: 0.875rem;
			background: #ffffff;
			margin-bottom: 1.25rem;
			overflow: hidden;
		}
		&-handle {
			min-height: 13.75rem;
			border-radius: 0.875rem;
			background: #ffffff;
			margin-bottom: 1.25rem;
			padding: 3.125rem;
			> div:first-child {
				font-weight: 500;
				font-size: 2rem;
				color: #808080;
				margin-bottom: 0.75rem;
			}
		}
		&-handleImg {
			height: 21.6875rem;
			border-radius: 0.875rem;
			background: #ffffff;
			margin-bottom: 1.25rem;
			padding: 3.125rem;

			> div:first-child {
				font-weight: 500;
				font-size: 2rem;
				color: #808080;
				margin-bottom: 0.75rem;
			}
		}
		&-buttom {
			width: 100%;
			height: 6.25rem;
			background: #146ff9;
			border-radius: 0.875rem;
			font-weight: 500;
			font-size: 2.25rem;
			color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}
